<template>
	<view class="content">
		<view class="card" v-for="(item,index) in applyData" :key="index">
			<view class="item-contnet"
				style="display: flex;justify-content: space-between;margin: 10rpx 0;font-weight: bold;border-bottom: 1px solid #eee;padding-bottom: 16rpx;">
				<view class="content-left1">
					租赁申请单号:<span class="content-right">
						{{item.id}}
					</span>
				</view>
				<view class="content-right">
					{{auditStateFliter[item.auditState]}}
				</view>
			</view>

			<view class="item-contnet" style="justify-content: space-between;">
				<view class="content-left">
					管理城市
				</view>
				<view class="content-right">
					{{item.operateCityId}}
				</view>
			</view>

			<view class="item-contnet">
				<view class="content-left">
					仓库
				</view>
				<view class="content-right">
					{{item.depotId}}
				</view>
			</view>
			<view class="item-contnet">
				<view class="content-left">
					事业部
				</view>
				<view class="content-right">
					{{item.devisionId}}
				</view>
			</view>
			<view class="item-contnet">
				<view class="content-left">
					租赁物资
				</view>
				<view class="content-right">
					{{item.materialItemIds}}
				</view>
			</view>
			<view class="item-contnet">
				<view class="content-left">
					使用者
				</view>
				<view class="content-right">
					{{item.ownerId}}元
				</view>
			</view>
			<view class="item-contnet">
				<view class="content-left">
					出租人
				</view>
				<view class="content-right">
					{{item.rentUserId}}
				</view>
			</view>
			<view class="item-contnet">
				<view class="content-left">
					出借人
				</view>
				<view class="content-right">
					{{item.rentUserRoleId}}
				</view>
			</view>
			<view class="item-contnet">
				<view class="content-left">
					更新时间
				</view>
				<view class="content-right">
					{{item.updateTime}}
				</view>
			</view>
		</view>
		<view class='noCommodity' v-if="applyData.length == 0 ">
			<view class='pictrue'>
				<!-- <image src='../static/noCollect.png'></image> -->
				<image src='../../static/noCollect.png'></image>
			</view>
			<text class="text-ccc" style="font-weight: bolder;">暂无信息</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			// isScroll: {
			// 	type: Boolean,
			// 	default: true
			// },
			applyData: {
				type: Array,
				default: ''
			}
			// tabIndex: {
			// 	type: Number,
			// 	default: 0
			// },
		},
		data() {
			return {
				tabList: [{
					id: '单号Id',
					auditState: 0,
					depotId: '仓库Id',
					devisionId: '事业部Id',
					materialItemIds: '物资项Id集合',
					operateCityId: '城市区域Id',
					ownerId: '拥有者Id',
					rentState: "出借状态",
					rentUserId: "出租人ID",
					rentUserRoleId: "出借人角色ID",
					updateTime: '修改时间',
				}],
				auditStateFliter: ['待审批', '已通过', '未通过', '已删除'],
			}
		},
		methods: {
			scrolltolowerFn() {
				console.log('1221')
			}
		}
	}
</script>

<style lang="scss">
	.card {
		margin: 20rpx;
		background-color: #fff;
		padding: 20rpx;
		display: flex;
		flex-direction: column;
		font-size: 29rpx;
	}
	.noCommodity {
		margin: 20% 0;
		align-items: center;
		text-align: center;
		justify-content: center;
	}

	.item-contnet {
		display: flex;
		justify-content: space-between;
		margin: 10rpx 0;

		.content-left {
			color: #9c9c9c;
			/* margin-right: 20rpx; */
		}
	}
</style>